<template>
    <ul class="question-list">
        <li v-for="(item, index) in list" @click="nav(index)">
            {{item}}
        </li>

    </ul>
</template>
<script>
    import util from '../assets/util'
    import bridge from '../bridge'
    export default {
        data() {
            return {
                list:[
                    '为什么没有运动数据？',
                    '支持友运动的手机设备有哪些？',
                    'IOS系统中，如何开启健康步数授权？',
                    '如果更新友动动排行榜步数？',
                    '如何进入我的主页更新封面背景？',
                    '如何查看给我点赞的同事？'
                ]
            }
        },
        methods:{
          nav(index) {
              util.session.set('show-question-id', index);

              this.$router.push('/question');
          },
            initHeader() {
                let me = this;
                bridge.client.configNavBar(function () {

                }, {centerItems:[{title:'常见问题'}],rightItems:[] });
            }
        },
        activated(){
            this.initHeader();
        }
    }
</script>

<style lang="less">
    .question-list {
        background:#fff;
        li {
            position: relative;
            height:52px;
            line-height: 52px;
            padding:0 16px;
        }
        li + li {
            border-top :1px solid #ededed;
        }
        li:after {
            position: absolute;
            top:20px;
            right:16px;
            width:9px;
            height:9px;
            border-top:1px solid #CCD3D8;
            border-right:1px solid #CCD3D8;
            content:'';
            transform: rotate(45deg);
        }

    }
</style>